﻿/**
 * HopeCMS 后台登陆css文件
 * 
 * css 目录索引：
 *
 * 　  1. layout (整体布局)
 *     2. html 	 (头部)
 *     3. public (公共样式)
 * 
 * @author x.mo root@imoi.cn
 * powered by imoi.cn 
 */

/**
 *******************************
 * 1. layout
 *
 * start
 *******************************
 */
html, body, {height:100%; overflow: hidden;}

html, body, h1, h2, h3, ul, li {margin: 0; padding: 0; font-family: '微软雅黑';}

ul li{list-style: none; vertical-align: bottom;}

body {background: #efefef; font-size: 14px;}

a{text-decoration: none;}

img{border: 0;}


/**
 *******************************
 * 2. html
 *
 * start
 *******************************
 */
#top{position: absolute; height: 280px; background: #0e70ad; width: 100%; z-index:2;}

#top {
	top: 0; border-bottom: 3px solid #efefef; text-align:center; 
	background: url(../images/logo.png) no-repeat center 225px #0e70ad;
}

#top img {margin-top: 140px;}

#bottom {bottom: 0; border-top: 3px solid #efefef;}

#middle { width: 100%; margin-top:280px;}

#login{
	margin: 0 auto; width: 1000px; text-align: center; padding-top: 20px;
	background: url(../images/login_user.jpg) no-repeat 310px 22px;;
}

span {
	position: absolute; left:360px; color: #222;display: block; text-align:left; border:1px solid #ccc;
	background: #fff; width: 270px; height: 30px; line-height: 30px; text-indent: 7px;
}

#username, #password{position: absolute; left: 360px; filter: alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4; z-index:3;}

label {display: block; height: 35px; margin: 5px 0 0 30px; position: relative;}

input {
	width: 260px; height: 30px; padding: 0 5px 0 5px; outline: none;
	font-family: '微软雅黑'; color: #222; border: 1px solid #ccc;
}

.text {border: 1px solid #ccc; color: #000; line-height: 30px\0;}

.button {background: #0e70ad; border: 0; color: #fff; width: 100px; right: 0;cursor: pointer;}

.button:hover{background: #2992d3; color :#ccc;}

.button:active{background: #000; color :#fff;}

#submit_login {margin: 10px 0 0 222px;}
/**
 *******************************
 * 3. public
 *
 * start
 *******************************
 */
.clear {clear: both;}

.real {width: 1000px; margin: 0 auto;}

.float-left {float: left;}
